/* 页面整体 */
html {
    font-size: 62.5%;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

body {
    margin: auto;
    font-size: 1.2rem;
    max-width: 1140px;
    position: relative;
}

/* ================网格布局================= */
/* 整个页面的容器 */
.containerALL {
    display: grid;
    grid-template-columns: 1fr; /* 960px 84px 或者 repeat(2,100px 20px)  fr意为fraction*/
    grid-template-rows: auto;
    row-gap: 10px; /* 设置行间距*/
    grid-auto-flow: row;
}

/* ============================1提示消息============================ */
.prompt-item {
    height: 16px;
    position: relative;
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #b8daff;
    border-radius: 5px;
    color: #004085;
    background-color: #cce5ff;
}

.g-progress {
 /*
    height: 25px;
    border-radius: 25px;
  */
    /*width: 240px;*/
    transition-property: all ;
    transition-duration: 2s;
    transition-timing-function: ease-in;
    transition-delay: 0.5s;
    /*background: linear-gradient(90deg, #0f0, #0ff 100%, transparent 0);*/
    border: 1px solid #eee;
}

#tips {
    display: inline-block;
    /*transition: ease-in 2s;*/
}

/* ============================2导航栏============================ */
/* 头像 */
.avatar {
    width: 30px;
    float: left;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #eee;
}

nav ul li {
    float: left;
}

nav ul li a {
    display: block;
    color: black;
    text-align: center;
    padding: 8px 12px;
    text-decoration: none;
}

nav ul li a:hover {
    background-color: #ddd;
}


/* ============================3主内容区容器============================ */
/* .main-content-container */ .main-content-item {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 400px 150px 200px;

}

/* ============================3.1操作区============================ */
.mc-operation {
    overflow: auto;
}

legend {
    font-weight: bold;
    color: coral;
}

/* ============================3.2粘贴单信息区mc-sp============================ */
.mc-sp {
    overflow: auto;
}



.mc-sp legend {
    top: 0;
    position: sticky;
    color: red;
}

.table-sticky-paper thead {
    top: 0;
    position: sticky;
    color: blue;
    background-color: #adeeda;

}

.table-sticky-paper thead th {
    border: 1px solid darkgrey ;
    padding: 10px;
}

/* 设置粘贴单宽度 */
.table-sticky-paper td {
    min-width: 30px;
    max-width: 300px;
    word-break: break-word;
}

/* 设置粘贴单金额和时间日期左对齐 */

.table-sticky-paper td.number,td.datetime,td.text-right {
    text-align: right;
}

td.id {
    text-align: center;
}

/* 粘贴单表格 */
.table-sticky-paper {
    width: 100%;
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
    border-color: darkgrey;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* 粘贴单表格：表头 */


/* 粘贴单表格：表行 */
.table-sticky-paper tr{
    border-width: 1px;
    border-style: solid;
}

/* .table-sticky-paper tr:hover {
    background-color: azure;
} */

/* 粘贴单表格：单元格 */
.table-sticky-paper td {
    border-width: 1px;
    border-style: solid;
    border-color: darkgrey;
    padding: 5px 2px;
}


/* ============================3.3主单据区域============================ */
.mc-md {
    overflow: auto;

}

/* ============================3.4附单据区域============================ */
.mc-att {
    overflow: auto;

}

.item {
    border-width: 1px;
    border-style: solid;
}






.movie-list li {
    padding: 10px 24px;
    border-bottom: 1px solid lightgray;
}

.movie-list li:last-child {
    border-bottom: none;
}

.movie-list li:hover {
    background-color: azure;
}

/* 龙猫图片 */
.totoro {
    display: block;
    margin: 5px auto 0;
    height: 100px;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.imdb {
    /*display: inline-block;
    height: 30px;*/
    font-size: 9px;
    font-weight: bold;
    text-decoration: none;
    color: black;
    background-color: coral;
    border-radius: 5px;
    padding: 3px 5px;

}

/* 粘贴单输入表单设置 */
input[type=submit] {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

input[type=text] {
    border: 1px solid #dddddd;
}

input[name=year] {
    width: 50px;
}

/*.btn {*/
/*    padding: 0 2px;*/
/*    margin: 0 2px;*/
/*    font-size: 12px;*/
/*    color: black;*/
/*    text-decoration: none;*/
/*    cursor: pointer;*/
/*    background-color: wheat;*/
/*    border: 1px solid #555555;*/
/*    border-radius: 5px;*/
/*}*/

/*.btn:hover {*/
/*    background-color: black;*/
/*    text-decoration: none;*/
/*    color: white;*/
/*    border: 1px solid black;*/
/*}*/



.inline-form {
    padding: 0;
    display: inline-block;
    float: right;
}

#date-show {
    float: right;
}

#user-show {
    float: right;
}

/* 页脚 */
footer {
    padding: 10px;
    margin-top: 15px;
    text-align: center;
    color: green;
}